<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>关于我们</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport" content="width=device-width, user-scalable=no">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta name=”apple-mobile-web-app-status-bar-style” content=”default”/>
    <meta name=”apple-mobile-web-app-status-bar-style” content=”black”/>
    <meta name=”apple-mobile-web-app-status-bar-style” content=”black-translucent”/>
    <meta content="telephone=no" name="format-detection">
    <meta content="email=no" name="format-detection">
    <meta name="format-detection" content="telephone=no"/>
    <link rel="stylesheet" type="text/css" href="${s.base}/lib/layui/css/layui.css"/>
    <link href="${s.base}/pc/css/swiper.min.css" rel="stylesheet">
    <link href="${s.base}/pc/css/weWeb.css" rel="stylesheet"/>
</head>
<body>
<div class="w1200 we-head clearfix">
    <div class="we-head-logo"><img src="/sysFile/showFileByPath?path=${websiteConfiguration.logoPath}"></div>
    <div class="we-head-nav">
        <ul>
            <li onclick="goFistPage()">首页</li>
            <li onclick="goCaseListPage()">案例</li>
            <li onclick="goProductListPage()">应用中心</li>
            <li class="checked" onclick="goAboutUsPage()">关于我们</li>
            <#if sysUser?? >
            <li onclick="goMyIndexPage()">控制中心</li>
            </#if>
        </ul>
    </div>
    <#if sysUser?? >
    <div class="we-head-logined">
        <div class="user-updown ellipsis"><i class="cytfonts">&#xe6a2;</i></div>
        <div class="user-name ellipsis">${sysUser.name}</div>
        <div class="user-Avatar"><img src="/sysFile/showFileByObjectId?objectId=${sysUser.headLogo}"></div>
        <div class="user-txt-list" style="display:none;">
            <ul>
                <li>个人中心</li>
                <li>退出</li>
            </ul>
        </div>
    </div>
    <#else>
    <div class="we-head-loginbtn">
        <span><a href="/login">登录</a></span>
    </div>
</#if>
</div>
<div class="we-banner">
    <!-- Swiper -->
    <div class="swiper-container" id="banner">
        <div class="swiper-wrapper">
            <#if bannerList?? && (bannerList?size > 0) >
            <#list bannerList as p>
            <div class="swiper-slide" style="background: url(/sysFile/showFileByPath?path=${p.path}) top center no-repeat;background-size:auto 100%;"></div>
            </#list>
            <#else>
            <div class="swiper-slide" style="background: url(${s.base}/pc/images/banner.png) top center no-repeat;background-size:auto 100%;"></div>
            </#if>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
        <!-- Add Arrows -->
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
    </div>
</div>
<div class="about-tit">关于我们</div>
<div class="abuout-us">
    ${websiteConfiguration.aboutUs}
</div>
<div class="about-tit">我们的团队
    <div class="preNext-btn">
        <div class="prebtn"><i class="cytfonts">&#xe72a;</i></div>
        <div class="nextbtn"><i class="cytfonts">&#xeb0e;</i></div>
    </div>
</div>
<div class="ourteam-ctn">

    <!-- Swiper -->
    <div class="swiper-container" id="team">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <div class="team-member team-mem-blue">
                    <div class="team-member-top"><img src="${s.base}/pc/images//td-blue.png"></div>
                    <div class="team-member-jj">
                        <h1>代号：老赵</h1>
                        <h2>研发经理</h2>
                        <div class="team-member-avatar"><img src="${s.base}/pc/images//app-yx.png"></div>
                    </div>
                    <div class="team-member-txt ellipsis4">
                        十年开发工作经验，精通Python、Java、Node.js、JavaScript等语言，对Web的基础研发、高并发处理与分布式有非常深入的理解。课程讲解深入浅出，极为擅
                    </div>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="team-member team-mem-green">
                    <div class="team-member-top"><img src="${s.base}/pc/images//td-green.png"></div>
                    <div class="team-member-jj">
                        <h1>代号：老赵</h1>
                        <h2>研发经理</h2>
                        <div class="team-member-avatar"><img src="${s.base}/pc/images//app-yx.png"></div>
                    </div>
                    <div class="team-member-txt ellipsis4">
                        十年开发工作经验，精通Python、Java、Node.js、JavaScript等语言，对Web的基础研发、高并发处理与分布式有非常深入的理解。课程讲解深入浅出，极为擅
                    </div>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="team-member team-mem-red">
                    <div class="team-member-top"><img src="${s.base}/pc/images//td-red.png"></div>
                    <div class="team-member-jj">
                        <h1>代号：老赵</h1>
                        <h2>研发经理</h2>
                        <div class="team-member-avatar"><img src="${s.base}/pc/images//app-yx.png"></div>
                    </div>
                    <div class="team-member-txt ellipsis4">
                        十年开发工作经验，精通Python、Java、Node.js、JavaScript等语言，对Web的基础研发、高并发处理与分布式有非常深入的理解。课程讲解深入浅出，极为擅
                    </div>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="team-member team-mem-purple">
                    <div class="team-member-top"><img src="${s.base}/pc/images//td-purple.png"></div>
                    <div class="team-member-jj">
                        <h1>代号：老赵</h1>
                        <h2>研发经理</h2>
                        <div class="team-member-avatar"><img src="${s.base}/pc/images//app-yx.png"></div>
                    </div>
                    <div class="team-member-txt ellipsis4">
                        十年开发工作经验，精通Python、Java、Node.js、JavaScript等语言，对Web的基础研发、高并发处理与分布式有非常深入的理解。课程讲解深入浅出，极为擅
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="big-data-ctn">
    <div class="big-data-nei">
        <h1>微信应用大数据</h1>
        <div class="big-data-datails">
            <ul>
                <li>
                    <h2>2175689+</h2><br>
                        <h3>网站用户量</h3>
                    <div class="big-data-label"><i class="cytfonts">&#xe604;</i></div>
                </li>
                <li>
                    <h2>2175689+</h2><br>
                        <h3>应用使用量</h3>
                    <div class="big-data-label"><i class="cytfonts">&#xe67f;</i></div>
                </li>
                <li>
                    <h2>2175689+</h2><br>
                        <h3>合作用户量</h3>
                    <div class="big-data-label"><i class="cytfonts">&#xe605;</i></div>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="coope-support">
    <div class="about-tit">合作扶持</div>
    <ul>
        <li>
            <i class="cytfonts">&#xe626;</i>
            <h1>物料支持</h1>
            <h2>宣传页、视频、手册</h2>
        </li>
        <li>
            <i class="cytfonts">&#xe66b;</i>
            <h1>培训支持</h1>
            <h2>现场培训、在线培训</h2>
        </li>
        <li>
            <i class="cytfonts">&#xe626;</i>
            <h1>市场支持</h1>
            <h2>会销、电话、客户</h2>
        </li>
        <li>
            <i class="cytfonts">&#xe60c;</i>
            <h1>团队建设</h1>
            <h2>宣传页、视频、手册</h2>
        </li>
        <li>
            <i class="cytfonts">&#xe63c;</i>
            <h1>现场扶持</h1>
            <h2>培训、陪访、考核、答疑</h2>
        </li>
        <li>
            <i class="cytfonts">&#xe606;</i>
            <h1>合作交流</h1>
            <h2>交流会、座谈会</h2>
        </li>
        <li>
            <i class="cytfonts">&#xe61a;</i>
            <h1>技术支持</h1>
            <h2>技术专服、定制、代维护</h2>
        </li>
        <li>
            <i class="cytfonts">&#xe61a;</i>
            <h1>客服支持</h1>
            <h2>产品、技术、操作</h2>
        </li>
    </ul>
</div>
<div class="contact-us-ctn">
    <div class="contact-us-nei clearfix">
        <div class="about-tit">联系我们</div>
        <div class="contact-us-left">
            <ul>
                <li>
                    <h1>业务咨询热线</h1>
                    <h2 class="ellipsis">${websiteConfiguration.telephone}</h2>
                    <div class="kf-svg"><i class="cytfonts">&#xe632;</i></div>
                </li>
                <li>
                    <h1>售后咨询热线</h1>
                    <h2 class="ellipsis">${websiteConfiguration.phone}</h2>
                    <div class="kf-svg"><i class="cytfonts">&#xe632;</i></div>
                </li>
                <li>
                    <div class="add-line">${websiteConfiguration.companyAddress}</div>
                    <div class="kf-svg"><i class="cytfonts">&#xe64a;</i></div>
                </li>
            </ul>
            <div class="hot-line">
                <ul>
                    <li>
                        <h1>在线客服系统</h1>
                        <h3>专业技术、售后咨询在线问答</h3>
                        <div class="hot-line-btn">在线咨询</div>
                        <div class="kf-svg"><i class="cytfonts">&#xe632;</i></div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="contact-us-right">
            <iframe src="/web/map"></iframe>
        </div>
    </div>
</div>
<div class="we-bot-foot">
    <div class="w1200 clearfix">
        <div class="bot-nav-left clearfix">
            <#list friendlyLinkCodeList as friendlyLinkCode>
            <dl>
                <dt>${friendlyLinkCode.codeName}</dt>
                <#list friendlyLinkCode.friendlyLinkList as friendlyLink>
                <dd>${friendlyLink.name}</dd>
            </#list>
            </dl>
        </#list>
    </div>
    <div class="bot-tel-mid">
        <h1>合作咨询热线</h1>
        <h2 class="ellipsis">${websiteConfiguration.telephone}</h2>
        <div class="adv-btn">在线咨询</div>
        <div class="adv-pic">
            <img src="${s.base}/pc/images/kf.png">
        </div>
    </div>
    <div class="bot-ewm-rig clearfix">
        <ul>
            <li><div class="ewm"><img src="/sysFile/showFileByPath?path=${websiteConfiguration.followPath}"></div><h1>扫一扫关注我们</h1></li>
            <li><div class="ewm"><img src="/sysFile/showFileByPath?path=${websiteConfiguration.interactPath}"></div><h1>扫一扫一起互动</h1></li>
        </ul>
    </div>
</div>
<div class="bot-div-line">地址：${websiteConfiguration.companyAddress}&nbsp;&nbsp;电话：${websiteConfiguration.phone}&nbsp;&nbsp;邮箱：${websiteConfiguration.mailbox}<br>
    ${websiteConfiguration.recordNo}
</div>
</div>
</body>
<script src="${s.base}/lib/layui/layui.js" type="text/javascript" charset="utf-8"></script>
<script src="${s.base}/pc/js/jquery-2.1.4.min.js" type="text/javascript"></script>
<script src="${s.base}/pc/js/swiper.min.js" type="text/x-javascript"></script>
<script src="${s.base}/js/common.js" type="text/javascript" charset="utf-8"></script>
<script src="${s.base}/pc/js/base.js" type="text/x-javascript"></script>
<script>
    layui.use(['jquery', 'dialog', 'baseutil'], function () {
        var $ = layui.jquery,
            dialog = layui.dialog,
            baseutil = layui.baseutil;

        $('.user-txt-list li').bind('click', function () {
            if ($(this).index() === 0) {
                window.open('/web/personalEdit', '_self')
            } else if ($(this).index() === 1) {
                dialog.confirm("确定要退出吗？", function () {
                    baseutil.AjaxGetMark("/webExit", "", function () {
                        window.location.href = "/web/index";
                    });
                });
            }
        });
    });

    $(function () {
        var swiper = new Swiper('#banner', {
            slidesPerView: 1,
            spaceBetween: 0,
            loop: true,
            autoplay: true,
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        });

        var swiper1 = new Swiper('#team', {
            slidesPerView: 4,
            spaceBetween: 40,
            loop: true,
            autoplay: true,
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
            navigation: {
                nextEl: '.nextbtn',
                prevEl: '.prebtn',
            },
        });

        $(".we-head-nav ul li").bind("click", function () {
            $(".we-head-nav ul li").removeClass("checked");
            $(this).addClass("checked");
        })

        $(".we-head-logined").mouseover(function(){
            $(".user-txt-list").show();
            $(this).find(".user-updown").addClass("Rotate180")
        });

        $(".we-head-logined").mouseout(function(){
            $(".user-txt-list").hide();
            $(this).find(".user-updown").removeClass("Rotate180")
        });
    })
</script>
</html>
